
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui" 
      xmlns:c="http://xmlns.jcp.org/jsp/jstl/core">
    <link type="text/css" rel="stylesheet" href="estilo.css" />
    <h1>Crear nueva cuenta de usuario</h1>
       
    <h:panelGrid columns="3">
                <p:outputLabel value="Usuario:" />
                <p:inputText id="username" 
                                       requiredMessage="* Usuario requerido."
                                       value="#{usermanager.username}"
                                       required="true"
                                       validator="#{usermanager.isUsernameValid}"/>
                <p:message for="formCentro:username"/>
                <p:outputLabel value="Password:" />
                <p:password id="password" feedback="true" 
                    promptLabel="Introduce una password." weakLabel="Débil"  
                    goodLabel="Buena" strongLabel="Fuerte"
                                 requiredMessage="* Password necesaria"
                                 value="#{usermanager.password}"
                                 required="true"/>
                <p:message for="formCentro:password"/>
                <p:outputLabel value="Password (verificación):" /> 
                <p:password id="passwordv"   
                                        requiredMessage="* Password de verificación necesaria."
                                        value="#{usermanager.passwordv}"
                                        required="true"/>
                <p:message for="formCentro:passwordv"/>
                <p:outputLabel value="Email:" />
                <p:inputText id="email"       
                                 requiredMessage="* Email de contacto necesario."
                                 value="#{usermanager.email}"
                                 required="true"/>  
                <p:message for="formCentro:email"/>
                <p:outputLabel value=" " />         
                
                <p:captcha label="pruebacaptcha" id="pcaptcha" theme="white"
                           requiredMessage="Necesario introducir valor del captcha."
                           validatorMessage="Valor del captcha incorrecto."/>
                
                
                <p:outputLabel value=" " />

                <p:outputLabel value=" " />
                <h:commandButton id="submit" 
                         value="Crear cuenta"
                         action="#{usermanager.createUser}"/>
                <p:outputLabel value=" " />
                

    </h:panelGrid>
</ui:composition>